<template>
  <div class="PayState">
    <div class="popup" @click="hide">
      <div class="content">
        <div class="close">
          <img src="../../assets/img/payState/icons.png" alt="">
        </div>
        <div class="head-img">
          <img src="../../assets/img/payState/copy@3x.png" alt="">
        </div>
        <div class="texts">
          <div class="img">
            <img src="../../assets/img/payState/touxian@3x.jpg" alt="">
          </div>
          <div class="text">
            <p>十分读书班长</p>
            <p>每天坚持读书的实践者</p>
          </div>
        </div>
        <div class="btns">
          <button @click.stop="go(1)">跟她聊聊</button>
          <button @click.stop="go(2)">重新支付</button>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: "index",
    methods: {
      hide: function (e) {
        if (e && e.stopPropagation) {
          e.stopPropagation();
        } else {
          window.event.cancelBubble = true
        }
        this.$emit('hide')
      },
      go: function (str) {
        this.$emit('to', str)
      }
    }
  }
</script>

<style scoped>
  @import "../../assets/css/components/PayState/index.css";
</style>
